<!DOCTYPE html>
<html>
  <head>
<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--///////////////////////////////////////////////////////////////////////////////////////////////////
    //
    //		Styles
    //
    ///////////////////////////////////////////////////////////////////////////////////////////////////--> 
    <link rel='stylesheet' id='camera-css'  href='css/camera.css' type='text/css' media='all'> 
    

<title>jQuery Mobile Web App</title>
<link href="css/maokong.css" rel="stylesheet" type="text/css"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />

  <link rel="stylesheet"  href="css/jquery.mobile.structure.css" />
  <link rel="stylesheet" href="css/jquery.mobile.theme.css" />
  
  <script>
    var userAgent = navigator.userAgent + '';
    if (userAgent.indexOf('iPhone') > -1) {
      document.write('<script src="js/lib/cordova-iphone.js"></sc' + 'ript>');
      var mobile_system = 'iphone';
    } else if (userAgent.indexOf('Android') > -1) {
        document.write('<script src="js/lib/cordova-2.0.0.js"></sc' + 'ript>');
        document.write('<script src="js/lib/barcodescanner.js"></sc' + 'ript>');
      var mobile_system = 'android';
    } else {
      var mobile_system = '';
    }
  </script>

  <script src="js/lib/jquery.js"></script>
  <!-- your scripts here -->
  <script src="js/app/app.js"></script>
  <script src="js/app/bootstrap.js"></script>
  <script src="js/lib/jquery.mobile.js"></script>
   <script type='text/javascript' src='scripts/camera.min.js'></script> 
    <script>
	function onDeviceReady() {
	    console.log("We got device ready");
	    cordova.exec(null, null, "SplashScreen", "hide", []);
	}
	</script>
   <script>
  // 掃描 QR Code 並解碼
var scanCode = function() {
    window.plugins.barcodeScanner.scan(
        function(result) {

        	if (!result.cancelled) { 
                setTimeout(function() 
        {$.mobile.changePage( result.text, { transition: "slideup"} ); }, 500); 
            } 
        }, function(error) {
        alert("Scan failed: " + error);
    });
}
 
// 將你的文字編碼成 QR Code
var encodeText = function() {
    window.plugins.barcodeScanner.encode(
    BarcodeScanner.Encode.TEXT_TYPE, 
    "kuro",  // 這裡是你想要編碼的文字
    function(success) {
        alert("Encode success: " + success);
    }, function(fail) {
        alert("Encoding failed: " + fail);
    });
}
</script>
</head>
  <body>
<div data-role="page" data-add-back-btn="true" data-back-btn-text="上一頁" data-back-btn-theme="e" id="page2" >
    <div data-role="header" class="title" data-theme="a" data-position="fixed">
      <div class="title" id="name"><img src="images/name.png" /></div>
      <img src="images/camera.png" />
    <div data-role="navbar" >
      <ul data-content-theme="e">
        <li><a href="#index"><img id="storeImg" src="images/M_store2.png"/></a></li>
        <li><a href="#index"><img id="bonusImg" src="images/M_bonus2.png"/></a></li>
        <li><a href="#contacts"><img src="images/M_record2.png"/></a></li>
        <li><a href="#events"><img src="images/M_favorite2.png" /></a></li>
      </ul>
      </div>
      <div data-role="navbar">
<ul >  
<li><a class="ui-btn-active ui-state-persist" href="#" data-theme="c"
>
飲食</a>
<li><a href="#" data-theme="c" >用餐</a>

<li><a href="#"data-theme="c" >購物</a>
<li><a href="#" data-theme="c">咖啡</a>
<li><a href="#page4"  data-theme="c" >附近店家</a>
</ul>
  </div>
  </div>

    <div id="page2Content" data-role="content">
    <ul id="stroeListView" data-role="listview" data-theme="d" data-filter="true" data-inset="false"  data-filter-placeholder= "請輸入關鍵字" data-split-icon="info">
	<li> <a href="#page5" data-rel="dialog"> 
    <img src="images/7-11.jpg">                          
	         <div>                                                              
		          <div>光復店 27077777</div>                                       
		          <div>台北市南京東路100號</div>
		          <div>156&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;公尺</div>                   
		       </div>                                                               
		          </a>                                                               
	<li> <a href="#page5" data-rel="dialog"> 
    <img src="images/7-11.jpg">                          
	         <div>                                                              
		          <div>光復店 27077777</div>                                       
		          <div>台北市南京東路100號</div>
		          <div>156&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;公尺</div>                   
		       </div>                                                               
		          </a>                                                               
	<li> <a href="#page5" data-rel="dialog"> 
    <img src="images/7-11.jpg">                          
	         <div>                                                              
		          <div>光復店 27077777</div>                                       
		          <div>台北市南京東路100號</div>
		          <div>156&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;公尺</div>                   
		       </div>                                                               
		          </a>                                                               
	<li> <a href="#page5" data-rel="dialog"> 
    <img src="images/7-11.jpg">                          
	         <div>                                                              
		          <div>光復店 27077777</div>                                       
		          <div>台北市南京東路100號</div>
		          <div>156&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;公尺</div>                   
		       </div>                                                               
		          </a>                                                               
	<li> <a href="#page5" data-rel="dialog"> 
    <img src="images/7-11.jpg">                          
	         <div>                                                              
		          <div>光復店 27077777</div>                                       
		          <div>台北市南京東路100號</div>
		          <div>156&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;公尺</div>                   
		       </div>                                                               
		          </a>                                                               
	<li> <a href="#page5" data-rel="dialog"> 
    <img src="images/7-11.jpg">                          
	         <div>                                                              
		          <div>光復店 27077777</div>                                       
		          <div>台北市南京東路100號</div>
		          <div>156&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;公尺</div>                   
		       </div>                                                               
		          </a>                                                               
	</ul>

  </div>
    <div data-role="footer" data-position="fixed">
    <div data-role="navbar" data-theme="c">
        <ul>
        <li><a href="maps2.html"   rel="external"><img src="images/map.png"/></a></li>
        <li><a href="#" onclick="scanCode()"><img src="images/foot_cam.png"/></a></li>
        <li><a href="#contacts"><img src="images/foot_set.png"/></a></li>
      </ul>
      </div>
  </div>
  </div>
  </div>
<div data-role="page" data-add-back-btn="true" data-back-btn-text="上一頁"
data-back-btn-theme="e" id="page5">
    <div data-role="header" class="title" data-theme="a" data-position="fixed">
    
    <h1>限量優惠</h1>
  </div>
    <div data-role="content">
      <ul data-role="listview" data-inset="true" data-split-icon="gear">
        <li><a href="basic2.html" rel="external">
        <img src="images/7-11.jpg">
          <h3>火鍋</h3>
          <p>兌換優惠須扣抵點數212P</p>
          <span class="ui-li-count">己兌換1份</span>
          <p class="ui-li-aside">限量100份</p>
        </a><a href="basic2.html" rel="external">Default</a></li>
        <li><a href="basic2.html" rel="external">
         <img src="images/7-11.jpg">
         <h3>龍鱈明蝦</h3>
          <p>兌換優惠須扣抵點數212P</p>
          <span class="ui-li-count">己兌換1份</span>
          <p class="ui-li-aside">限量100份</p>
        </a><a href="basic2.html" rel="external">Default</a></li>
        <li><a href="basic2.html" rel="external">
          <img src="images/7-11.jpg">
        <h3>玫瑰鹽佐酥烤牛小排</h3>
          <p>兌換優惠須扣抵點數212P</p>
          <span class="ui-li-count">己兌換1份</span>
          <p class="ui-li-aside">限量100份</p>
        </a><a href="basic2.html" rel="external">Default</a></li>
      </ul>
     
     </div>
  </div>
  </div>
</body>
  </html>
